
var sacCer2overview = null;

function loadKaryomapStatic(canvasdiv, callback) {

sacCer2overview = new pv.Panel().width(1200).height(900).fillStyle("#fff").canvas(canvasdiv);
sacCer2overview.event("mousemove", pv.Behavior.point(Infinity).collapse("y"));

//chromosome panels and labels

var chr4 = sacCer2overview.add(pv.Panel).top(20).left(20).width(919).height(98).fillStyle("#fff");
//.event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr4.anchor("left").add(pv.Label).text("IV").font("20px").textAlign("right");
chr4.event("click", function(p) {
    var mypoint = p;
    alert("chr4 selected - what is X - can this be done on a select? " + mypoint);    
    return sacCer2overview;
});

var chr1 = sacCer2overview.add(pv.Panel).top(20).right(20).width(139).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr1.anchor("right").add(pv.Label).text("I").font("20px").textAlign("left");
    chr4.event("click", function(p) {
        var mypoint = p;
        alert("chr1 selected - what is X - can this be done on a select? " + mypoint);
        return sacCer2overview;
    });

var chr15 = sacCer2overview.add(pv.Panel).top(128).left(20).width(655).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr15.anchor("left").add(pv.Label).text("XV").font("20px").textAlign("right");
var chr6 = sacCer2overview.add(pv.Panel).top(128).right(20).width(163).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr6.anchor("right").add(pv.Label).text("VI").font("20px").textAlign("left");

var chr7 = sacCer2overview.add(pv.Panel).top(236).left(20).width(655).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr7.anchor("left").add(pv.Label).text("VII").font("20px").textAlign("right");

var chr3 = sacCer2overview.add(pv.Panel).top(236).right(20).width(190).height(98).fillStyle("#fff").event("mouseover",function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout",function() this.strokeStyle(undefined));
chr3.anchor("right").add(pv.Label).text("III").font("20px").textAlign("left");

var chr12 = sacCer2overview.add(pv.Panel).top(344).left(20).width(647).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr12.anchor("left").add(pv.Label).text("XII").font("20px").textAlign("right");

var chr9 = sacCer2overview.add(pv.Panel).top(344).right(20).width(264).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr9.anchor("right").add(pv.Label).text("IX").font("20px").textAlign("left");

var chr8 = sacCer2overview.add(pv.Panel).top(452).right(20).width(338).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr8.anchor("right").add(pv.Label).text("VIII").font("20px").textAlign("left");

var chr16 = sacCer2overview.add(pv.Panel).top(452).left(20).width(569).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr16.anchor("left").add(pv.Label).text("XVI").font("20px").textAlign("right");

var chr13 = sacCer2overview.add(pv.Panel).top(560).left(20).width(555).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr13.anchor("left").add(pv.Label).text("XIII").font("20px").textAlign("right");

var chr5 = sacCer2overview.add(pv.Panel).top(560).right(20).width(347).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr5.anchor("right").add(pv.Label).text("V").font("20px").textAlign("left");

var chr2 = sacCer2overview.add(pv.Panel).top(668).left(20).width(488).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr2.anchor("left").add(pv.Label).text("II").font("20px").textAlign("right");

var chr11 = sacCer2overview.add(pv.Panel).top(668).right(20).width(400).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr11.anchor("right").add(pv.Label).text("XI").font("20px").textAlign("left");
var chr14 = sacCer2overview.add(pv.Panel).top(776).left(20).width(471).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr14.anchor("left").add(pv.Label).text("XIV").font("20px").textAlign("right");

var chr10 = sacCer2overview.add(pv.Panel).top(776).right(20).width(448).height(98).fillStyle("#fff").event("mouseover", function() this.strokeStyle("black")).event("click", function() this.strokeStyle("red")).event("mouseout", function() this.strokeStyle(undefined));
chr10.anchor("right").add(pv.Label).text("X").font("20px").textAlign("left");

var s = 1667;
var b = 14.7;
var h = 11.4333333333333333;


chr4.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr4_list.chr4_0)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle",function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
    .event("click", function(p) {
    var mypoint = p;
    alert("chr4 clicked - what is X - can this be done on a select? " + mypoint);
    return sacCer2overview;
});
chr4.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr4_list.chr4_1)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle",function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
    .event("click", function(p) {
    var mypoint = p;
    alert("chr4 clicked - what is X - can this be done on a select? " + mypoint);
    return sacCer2overview;
});
chr4.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr4_list.chr4_2)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle",function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
    .event("click", function(p) {
    var mypoint = p;
    alert("chr4 clicked - what is X - can this be done on a select? " + mypoint);
    return sacCer2overview;
});
chr4.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr4_list.chr4_3)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle",function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
    .event("click", function(p) {
    var mypoint = p;
    alert("chr4 clicked - what is X - can this be done on a select? " + mypoint);
    return sacCer2overview;
});
chr4.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr4_list.chr4_4)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle",function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
    .event("click", function(p) {
    var mypoint = p;
    alert("chr4 clicked - what is X - can this be done on a select? " + mypoint);
    return sacCer2overview;
});
chr4.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr4_list.chr4_5)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle",function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue")
    .event("click", function(p) {
    var mypoint = p;
    alert("chr4 clicked - what is X - can this be done on a select? " + mypoint);    
    return sacCer2overview;
});

chr15.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr15_list.chr15_0)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr15_list.chr15_1)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr15_list.chr15_2)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr15_list.chr15_3)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr15_list.chr15_4)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr15.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr15_list.chr15_5)
.add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr7.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr7_list.chr7_0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr7_list.chr7_1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr7_list.chr7_2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr7_list.chr7_3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr7_list.chr7_4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr7.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr7_list.chr7_5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr12.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr12_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr12_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr12_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr12_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr12_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr12.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr12_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d)  d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr16.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr16_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr16_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr16_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr16_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr16_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr16.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr16_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr13.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr13_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr13_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr13_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr13_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr13_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr13.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr13_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr2.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr2_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr2_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr2_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr2_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr2_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr2.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr2_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr14.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr2_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr2_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr2_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr2_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr2_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr14.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr2_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
//right side
chr1.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr1_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr1_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr1_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr1_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr1_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr1.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr1_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr6.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr6_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr6_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr6_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr6_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr6_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr6.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr6_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr3.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr3_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr3_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr3_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr3_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr3_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr3.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr3_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr9.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr9_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr9_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr9_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr9_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr9_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr9.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr9_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr8.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr8_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr8_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr8_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr8_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr8_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr8.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr8_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr5.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr5_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr5_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr5_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr5_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr5_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr5.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr5_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr11.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr11_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr11_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr11_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr11_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr11_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr11.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr11_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr10.add(pv.Panel).bottom(function() b+0*h).height(h).add(pv.Panel).data(chr10_list.d0).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+1*h).height(h).add(pv.Panel).data(chr10_list.d1).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+2*h).height(h).add(pv.Panel).data(chr10_list.d2).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+3*h).height(h).add(pv.Panel).data(chr10_list.d3).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+4*h).height(h).add(pv.Panel).data(chr10_list.d4).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");
chr10.add(pv.Panel).bottom(function() b+5*h).height(h).add(pv.Panel).data(chr10_list.d5).add(pv.Bar).bottom(0).left(function(d) d[0]/s).width(function(d) (d[1]-d[0])/s).def("strokeStyle", function(d) d[2] || "blue").def("fillStyle", function(d) d[2] || "blue");

chr4.add(pv.Rule)
    .data(pv.range(0,1600,100))
    .left(pv.Scale.linear(0, 1500).range(0, 1200*.75))
    .top(-4).height(5).anchor("top").add(pv.Label);

chr14.add(pv.Rule)
    .data(pv.range(0,800,100))
    .left(pv.Scale.linear(0, 800).range(0, 1200*.4))
    .bottom(0).height(5).anchor("bottom").add(pv.Label);

chr1.add(pv.Rule)
    .data(pv.range(0,300,100))
    .right(pv.Scale.linear(0, 300).range(0, 1200*.15))
    .top(-4).height(5).anchor("top").add(pv.Label);

chr10.add(pv.Rule)
    .data(pv.range(0,800,100))
    .right(pv.Scale.linear(0, 800).range(0, 1200*.38))
    .bottom(0).height(5).anchor("bottom").add(pv.Label);

     /*var mytbar = [
            {
                id: 'phyloGalleryId',
                disabled: false,
                text: 'Phylogenetic Tree',
                icon: "images/familytree.png",
                cls:'x-btn-text-icon',
                tooltip: 'Displays phylogenetic tree',
                listeners: {click:
                        function() {
                                    Dudley.lims.gallerymgr.getGalleryPanel().add({
        title: 'Phylogenetic tree',
        iconCls: 'tabs',
        width: 900,
        height: 650,
        html: "some text",
        //items: panel,
        layout: 'fit',
        autoScroll: true,
        closable:true
    }).show();
                        }
                }
            }];
    */
    /*
    Ext.getDom("pg-canvas").innerHTML = "";
            Ext.getDom("pg-form").innerHTML = "";
     */
    
    //sacCer2overview.render();

    var radtagForm = new Ext.form.FormPanel({
            id: 'radtagForm',
            method: 'POST',
            autoHeight: true,
            autoScroll: true,
            border: true,
            //tbar: mytbar,
            //closable:true,
            title: 'HaplotypeMap',
            buttonAlign: 'left',
            items: [
                new Ext.form.FieldSet({
                    autoHeight: true,
                    border: false,
                    items: [
                            {
                            xtype: 'box',
                            autoEl: {cn: 'Karyomap of High Ethanol Strains YO 434, YO 435, YO 436, YO 437, YO 535, YO 536<br>Adopted from Gustavo Glusman\'s Gestalt Package<br>KB Scale'}
                            }
                    ]
                })
            ],
            listeners: {close:
                        function() {
                            Ext.getDom("pv-canvas").innerHTML = "";
                        }
                }


        });

    radtagForm.on("activate", function () {
            Ext.getDom("pg-form").innerHTML = "";
            Ext.getDom("pg-phylo").innerHTML = "";
            //Ext.getDom("pg-phylo-legend").innerHTML = "";
            sacCer2overview.render();        
        });
    callback(radtagForm);

    }
